<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, user-scalable=no,target-densityDpi=device-dpi" />
    <meta content="telephone=no" name="format-detection" />
    <meta name="apple-touch-fullscreen" content="yes" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <title>首页</title>
    <link rel="stylesheet" href="../css/base.css" />
    <link rel="stylesheet" href="../css/index.css">
    <script src="../js/hotcss.js"></script>
</head>

<body class="index">
    <div class="wrap bg hasfooter">
        <div class="top_swiper_wrap">
            <div class="top_swiper">
                <div class="top_swiper_item active">
                    <span class="dayIcon dayIcon-1"></span>
                    <p>12 / 周一</p>
                </div>
                <div class="top_swiper_item">
                    <span class="dayIcon dayIcon-2"></span>
                    <p>12 / 周二</p>
                </div>
                <div class="top_swiper_item">
                    <span class="dayIcon dayIcon-3"></span>
                    <p>12 / 周一</p>
                </div>
                <div class="top_swiper_item">
                    <span class="dayIcon dayIcon-4"></span>
                    <p>12 / 周一</p>
                </div>
                <div class="top_swiper_item">
                    <span class="dayIcon dayIcon-5"></span>
                    <p>12 / 周一</p>
                </div>
                <div class="top_swiper_item">
                    <span class="dayIcon dayIcon-6"></span>
                    <p>12 / 周一</p>
                </div>
                <div class="top_swiper_item">
                    <span class="dayIcon dayIcon-7"></span>
                    <p>12 / 周一</p>
                </div>
                <div class="top_swiper_item active">
                    <span class="dayIcon dayIcon-1 active"></span>
                    <p>12 / 周一</p>
                </div>
                <div class="top_swiper_item">
                    <span class="dayIcon dayIcon-2 active"></span>
                    <p>12 / 周二</p>
                </div>
                <div class="top_swiper_item">
                    <span class="dayIcon dayIcon-3 active"></span>
                    <p>12 / 周一</p>
                </div>
                <div class="top_swiper_item">
                    <span class="dayIcon dayIcon-4 active"></span>
                    <p>12 / 周一</p>
                </div>
                <div class="top_swiper_item">
                    <span class="dayIcon dayIcon-5 active"></span>
                    <p>12 / 周一</p>
                </div>
                <div class="top_swiper_item">
                    <span class="dayIcon dayIcon-6 active"></span>
                    <p>12 / 周一</p>
                </div>
                <div class="top_swiper_item">
                    <span class="dayIcon dayIcon-7 active"></span>
                    <p>12 / 周一</p>
                </div>
            </div>
        </div>
        <div class="selects bgw">
            <div class="selects_inner clear">
                <select name="" id="">
                    <option value="">所有时间</option>
                </select>
                <select name="" id="">
                    <option value="">全部课程</option>
                </select>
                <select name="" id="">
                    <option value="">全部年龄</option>
                </select>
                <select name="" id="">
                    <option value="">默认排序</option>
                </select>
            </div>
        </div>
        <p class="action gray bgw">
            所有课程会员免费，非会员原价。<a href="#" class="blue">成为会员&gt;</a>
        </p>
        <div class="lessons">
            <div class="lesson_item clear bgw">
                <div class="imgWrap">
                    <img src="http://xqproduct.xiangqu.com/FlLJRvAZhKWhPTqVyf5lM3QUOdNe?imageView2/2/w/164/q/90/format/jpg/1200x1200/" alt="">
                    <p>已结束</p>
                </div>
                <div class="lesson_info">
                    <p class="title">
                        <span class="tag tag_1">火</span><span class="tag tag_2">荐</span>0-3岁儿童零基础水墨绘画快速入门课（1）
                    </p>
                    <p class="desc">
                        <i class="icon_1"></i>浙大青藤茶馆,1.2公里
                    </p>
                    <p class="desc">
                        <i class="icon_2"></i>9:00-10:00
                    </p>
                </div>
            </div>
            <div class="lesson_item clear bgw">
                <div class="imgWrap">
                    <img src="http://xqproduct.xiangqu.com/FlLJRvAZhKWhPTqVyf5lM3QUOdNe?imageView2/2/w/164/q/90/format/jpg/1200x1200/" alt="">
                </div>
                <div class="lesson_info">
                    <p class="title">
                        3-12岁水墨画课程（四）
                    </p>
                    <p class="desc">
                        <i class="icon_1"></i>浙大青藤茶馆,1.2公里
                    </p>
                    <p class="desc">
                        <i class="icon_2"></i>9:00-10:00
                    </p>
                    <p class="desc blue">
                        ＊需满8人开课,现5人报名
                    </p>
                </div>
            </div>
            <div class="lesson_item clear bgw">
                <div class="imgWrap">
                    <img src="http://xqproduct.xiangqu.com/FlLJRvAZhKWhPTqVyf5lM3QUOdNe?imageView2/2/w/164/q/90/format/jpg/1200x1200/" alt="">
                </div>
                <div class="lesson_info">
                    <p class="title">
                        3-12岁水墨画课程（四）
                    </p>
                    <p class="desc">
                        <i class="icon_1"></i>浙大青藤茶馆,1.2公里
                    </p>
                    <p class="desc">
                        <i class="icon_2"></i>9:00-10:00
                    </p>
                    <p class="desc blue">
                        ＊需满8人开课,现5人报名
                    </p>
                </div>
            </div>
            <div class="lesson_item clear bgw">
                <div class="imgWrap">
                    <img src="http://xqproduct.xiangqu.com/FlLJRvAZhKWhPTqVyf5lM3QUOdNe?imageView2/2/w/164/q/90/format/jpg/1200x1200/" alt="">
                </div>
                <div class="lesson_info">
                    <p class="title">
                        3-12岁水墨画课程（四）
                    </p>
                    <p class="desc">
                        <i class="icon_1"></i>浙大青藤茶馆,1.2公里
                    </p>
                    <p class="desc">
                        <i class="icon_2"></i>9:00-10:00
                    </p>
                    <p class="desc blue">
                        ＊需满8人开课,现5人报名
                    </p>
                </div>
            </div>
        </div>
        <footer class="footer clear bgw">
            <a href="#" class="active">预约课程</a>
            <a href="#">我的小乐</a>
        </footer>
    </div>
</body>

</html>
